
.popper-dropdown-menu-user[data-v-d6c889e8] {
    width:160px
}
.scope-topbar[data-v-d6c889e8] {
    height:50px;
    padding:0 10px;
    background:linear-gradient(120deg,#25aff3,#008ad3);
    color:#fff;
    -webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);
    box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);
}
.scope-topbar .collapse[data-v-d6c889e8],.scope-topbar[data-v-d6c889e8] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.scope-topbar .collapse[data-v-d6c889e8] {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:40px;
    width:40px;
    cursor:pointer
}
.scope-topbar .collapse .icon-svg[data-v-d6c889e8] {
    height:22px;
    width:22px
}
.scope-topbar .el-menu[data-v-d6c889e8] {
    height:50px;
    background:transparent;
    border-bottom:0;
    overflow:hidden
}
.scope-topbar .el-menu .el-menu-item[data-v-d6c889e8] {
    height:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:transparent;
    border-bottom:0;
    color:#fff;
    padding:0 40px
}
.scope-topbar .el-menu .el-menu-item span[data-v-d6c889e8] {
    font-size:12px;
    margin-left:3px;
    line-height:normal
}
.scope-topbar .el-menu .el-menu-item.is-active[data-v-d6c889e8] {
    background:hsla(0,0%,100%,.13)
}
.scope-topbar .el-menu .el-menu-item[data-v-d6c889e8] .icon-svg {
    height:18px;
    width:18px;
    margin-right:5px
}
.scope-topbar .flex1[data-v-d6c889e8] {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.scope-topbar .tools[data-v-d6c889e8] {
    margin-right:40px;
}
.scope-topbar .tools[data-v-d6c889e8] li {
    list-style:none;
    height:45px;
    width:45px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    position:relative;
}
.scope-topbar .tools[data-v-d6c889e8] li i {
    font-size:20px
}
.scope-topbar .tools[data-v-d6c889e8] li i:hover {
    opacity:.8
}
.scope-topbar .tools[data-v-d6c889e8] li .tag {
    height:14px;
    min-width:10px;
    border-radius:14px;
    position:absolute;
    left:30px;
    top:1px;
    background-color:red;
    color:#fff;
    text-align:center;
    line-height:13px;
    font-size:12px;
    padding:1px 3px;
    -webkit-transform:scale(.9);
    transform:scale(.9)
}
.scope-topbar .user[data-v-d6c889e8] {
    margin-right:10px;
    cursor:pointer
}
.scope-topbar .user .el-dropdown-link[data-v-d6c889e8] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff
}
.scope-topbar .user .avatar[data-v-d6c889e8] {
    height:32px;
    width:32px;
    border-radius:32px
}
.scope-topbar .user .name[data-v-d6c889e8] {
    white-space:nowrap;
    margin-right:15px
}
.scope-topbar .user .el-icon-arrow-down[data-v-d6c889e8] {
    margin-left:10px
}
.scope-slider[data-v-bf9c6b50] {
    height:100%;
    -webkit-box-shadow:0 4px 8px rgba(0,0,0,.3);
    box-shadow:0 4px 8px rgba(0,0,0,.3)
}
.scope-slider .logo[data-v-bf9c6b50] {
    height:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    letter-spacing:1px
}
.scope-slider .logo p[data-v-bf9c6b50] {
    background:linear-gradient(120deg,#008ad3,#25aff3);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:20px
}
.scope-slider .logo .lr[data-v-bf9c6b50] {
    height:45px;
    width:180px
}
.scope-slider .logo .z[data-v-bf9c6b50] {
    height:30px;
    width:30px
}
.scope-slider .user[data-v-bf9c6b50] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:40px;
    position:relative;
    margin:20px 20px 30px 25px
}
.scope-slider .user .avatar[data-v-bf9c6b50] {
    height:40px;
    width:40px;
    border-radius:40px;
    background-color:#eee
}
.scope-slider .user .det[data-v-bf9c6b50] {
    margin-left:15px
}
.scope-slider .user p[data-v-bf9c6b50] {
    font-size:13px;
    line-height:20px;
    margin-bottom:3px
}
.scope-slider .user p.post[data-v-bf9c6b50] {
    font-size:12px;
    color:#c2c2c2
}
.scope-slider .user .collapse[data-v-bf9c6b50] {
    position:absolute;
    right:10px;
    top:10px;
    cursor:pointer;
    font-size:18px
}
.scope-slider .user .collapse[data-v-bf9c6b50]:hover {
    color:#008ad3
}
.scope-slider .menu[data-v-bf9c6b50] {
    overflow-y:auto;
    height:calc(100% - 150px)
}
.scope-slider .menu[data-v-bf9c6b50]::-webkit-scrollbar {
    width:0;
    height:0
}
.scope-slider .menu[data-v-bf9c6b50]::-webkit-scrollbar-thumb {
    background:-webkit-gradient(linear,left top,left bottom,from(#25aff3),to(#008ad3));
    background:linear-gradient(180deg,#25aff3,#008ad3)
}
.scope-slider .menu[data-v-bf9c6b50]::-webkit-scrollbar-track {
    background:#ccc
}
.scope-slider .menu .el-menu[data-v-bf9c6b50] {
    border-right:0
}
.scope-slider .menu .el-menu[data-v-bf9c6b50] .el-menu-item,.scope-slider .menu .el-menu[data-v-bf9c6b50] .el-submenu__title {
    color:#000;
    letter-spacing:.5px
}
.scope-slider .menu .el-menu[data-v-bf9c6b50] .el-menu-item .icon-svg,.scope-slider .menu .el-menu[data-v-bf9c6b50] .el-submenu__title .icon-svg {
    height:17px;
    width:17px;
    margin:0 15px 0 5px;
    position:relative;
    top:1px
}
.scope-slider .menu .el-menu[data-v-bf9c6b50] .el-menu-item span,.scope-slider .menu .el-menu[data-v-bf9c6b50] .el-submenu__title span {
    font-size:13px;
    display:inline-block
}
.scope-slider .menu .el-menu.el-menu--collapse[data-v-bf9c6b50] .el-submenu__title .icon-svg {
    margin-left:2px;
    height:19px;
    width:19px
}
.scope-slider .menu .el-menu[data-v-bf9c6b50] .el-menu-item.is-active {
    color:#25aff3;
    background-color:#e5f1fb
}
@-webkit-keyframes fadeInLeft-data-v-bf9c6b50 {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}@keyframes fadeInLeft-data-v-bf9c6b50 {
     0% {
         opacity:0;
         -webkit-transform:translate3d(-100%,0,0);
         transform:translate3d(-100%,0,0)
     }
     to {
         opacity:1;
         -webkit-transform:translateZ(0);
         transform:translateZ(0)
     }
 }.el-menu--popup-right-start .el-menu-item {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
.el-menu--popup-right-start .el-menu-item .icon-svg {
    height:18px;
    width:18px;
    margin:0 15px 0 5px
}
.scope-process[data-v-539e669d] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:30px;
    position:relative
}
.scope-process .cl-scroll[data-v-539e669d] {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.scope-process .cl-scroll[data-v-539e669d] .scroll-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.scope-process .block[data-v-539e669d] {
    border-radius:3px;
    height:30px;
    line-height:30px;
    padding:0 10px;
    background-color:#fff;
    font-size:12px;
    margin-right:10px;
    color:#909399;
    cursor:pointer
}
.scope-process .block[data-v-539e669d]:last-child {
    margin-right:0
}
.scope-process .block i[data-v-539e669d] {
    font-size:14px;
    position:relative;
    top:2px;
    width:0;
    overflow:hidden;
    -webkit-transition:all .3s;
    transition:all .3s
}
.scope-process .block i[data-v-539e669d]:hover {
    color:red
}
.scope-process .block:hover .el-icon-close[data-v-539e669d] {
    width:auto;
    margin-left:5px
}
.scope-process .block.active[data-v-539e669d] {
    color:#008ad3
}
.scope-process .block.active i[data-v-539e669d] {
    width:auto;
    margin-left:5px
}
.scope-process .block.active[data-v-539e669d]:before {
    background-color:#008ad3
}
.scope-process .context-menu[data-v-539e669d] {
    margin:0;
    background:#fff;
    z-index:100;
    position:absolute;
    list-style-type:none;
    padding:5px 0;
    border-radius:4px;
    font-size:12px;
    font-weight:400;
    color:#333;
    -webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,.3);
    box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)
}
.scope-process .context-menu li[data-v-539e669d] {
    margin:0;
    padding:7px 16px;
    cursor:pointer
}
.scope-process .context-menu li[data-v-539e669d]:hover {
    background:#eee
}
.wrapper[data-v-45f44835] {
    background-color:#f7f7f7;
    height:100vh;
    width:100vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden
}
.wrapper .wrapper-left[data-v-45f44835] {
    background-color:#fff;
    overflow:hidden;
    height:100%;
    width:255px
}
.wrapper .wrapper-right[data-v-45f44835] {
    height:100%;
    width:calc(100% - 255px)
}
.wrapper .wrapper-right .wrapper-right__container[data-v-45f44835] {
    height:100%;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.wrapper .wrapper-right .wrapper-right__container .scope-process[data-v-45f44835] {
    padding:10px
}
.wrapper .wrapper-right .wrapper-right__container .content-view[data-v-45f44835] {
    height:calc(100% - 110px);
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 10px;
    border-radius:3px
}
.wrapper .wrapper-right .wrapper-right__container .content-view>div[data-v-45f44835] {
    height:100%
}
.wrapper.collapse .wrapper-left[data-v-45f44835] {
    width:64px
}
.wrapper.collapse .wrapper-right[data-v-45f44835] {
    width:calc(100% - 64px)
}
